*{
    margin:0;
    padding:0;
}
ul{
    list-style: none;
}
a{
    text-decoration: none;
    color:black;
}
.container{
    width: 791px;
    margin: 0 auto;
}
.left{
    display: inline-block;
}
.left li{
    width:100px;
    line-height: 30px;
    border-radius: 3px;
    font-size: 100;
    font-weight: 700;
    margin-bottom: 10px;
    text-align: center;
}
.left li:hover{
    background-color: red;
}
a:hover{
    color:rgb(255, 255, 255);
    background-color: red;
}
.checked{
    color:white;
    background-color: red;
}
.right {
    display: inline-block;
    vertical-align: top;
    width: 660px;
    padding-left: 15px;
}
.pic1{
    float: left;
    width: 158px;
    height: 102px;
    margin: 5px auto;
    margin-right: 20px;
}
.right li {
    height: 110px;
    width: 85%;
    padding-top: 15px;
    border-bottom: 1px solid #eee;
}
.right a {
    margin-top: 20px;
    margin-bottom:5px;
    line-height: 40px;
}
.info {
    margin-top: 20px;
    font-size: 12px;
    color: #808080;
}
.pic2 {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%;
    vertical-align: middle;
}